<template>
<div>
  <ul class="list-group" >
    <li class="list-group-item">消息的id:{{ id }}</li>
    <li class="list-group-item">消息的内容:{{ content }}</li>
    <span>{{ c }}</span>
  </ul>
</div>
</template>

<script lang="ts">
  import { defineComponent } from "vue"
  export default defineComponent({
    name:'MessageDetail',
  })
</script>

<script lang="ts" setup>
import {useRoute,useRouter} from 'vue-router'
const route = useRoute()
const props = defineProps<{
  id: string, //这是小写 是ts当中要求类型的是小写
  content: string,
  c: string
}>()
</script>

<style scoped>

</style>